{{Template:SZPT-CHINA/head}}
<html>

<head>

</head>
<!-- jquery 公共CSS-->
<script src="https://2021.igem.org/Team:SZPT-CHINA/JS/jQuery&action=raw&ctype=text/javascript"></script>
<link rel="stylesheet" href="https://2021.igem.org/Team:SZPT-CHINA/CSS/Public?action=raw&amp;ctype=text/css">
<script>
    $(document).ready(function () {
        //document.body.append(document.getElementById('loadImg'))
        //滑动
        //加载适配
        init();
        var loadImg = document.getElementById('loadImg');//选取id为test的元素
        loadImg.style.display = 'block';	// 隐藏选择的元素
    });


    //BEGIN-loading
    var loadhidekey = 0;

    window.onload = function () {
        console.log("页面加载好了", loadhidekey)
        setTimeout(function () {
            //$("#loaderDownId").hide();
            //$("#loadingHome").hide();
            //$("#loading").hide();
        }, 10);
        init();


        setTimeout(function () {
            //$("#loaderDownId").hide();
            //滑到顶部
            //document.body.scrollTop = document.documentElement.scrollTop = 0;

            $("#directory").hide();
            $("#loadingHome").hide();

            document.body.append(document.getElementById('directory'))
            document.body.append(document.getElementById('head'))
            // $("#loading").hide();
        }, 10);




        //


    }

    function animateScroll(element, speed) {
        let rect = element.getBoundingClientRect();
        //获取元素相对窗口的top值，此处应加上窗口本身的偏移
        let top = window.pageYOffset + rect.top - 100;
        let currentTop = 0;
        let requestId;
        //采用requestAnimationFrame，平滑动画
        function step(timestamp) {
            currentTop += speed;
            if (currentTop <= top) {
                window.scrollTo(0, currentTop);
                requestId = window.requestAnimationFrame(step);
            } else {
                window.cancelAnimationFrame(requestId);
            }
        }
        window.requestAnimationFrame(step);
    }



    //设置展开
    $(document).ready(function () {

        if (/Android|webOS|iPhone|iPad|iPod|BlackBerry|Windows Phone/i.test(navigator.userAgent)) {
            // mobilePage();
            designHeight = 3100;
        } else {
            //pc
            designHeight = 980;
        }
        lateHeight = document.documentElement.clientHeight;
        heightRatio = lateHeight / designHeight
        console.log("height:", heightRatio)
        console.log('1')

        document.getElementById("dir1").onclick = function () {
            // window.scrollTo(0, 350*heightRatio/0.713265306122449);
            let target = document.getElementById('bigContent1');
            animateScroll(target, 250);
            $("#directory").show();
        }
        document.getElementById("dir2").onclick = function () {
            //window.scrollTo(0, 3500 * heightRatio / 0.713265306122449);
            let target = document.getElementById('bigContent2');
            animateScroll(target, 250);
        }


    });
    $(window).scroll(function () {

        if ($(this).scrollTop() > 270 * heightRatio / 0.713265306122449) {
            $("#directory").show();
        } else {
            $("#directory").hide();
        }

    });
// 视频加载好
// function hideLoad() {
//     console.log("视频加载好了", loadhidekey)

//     if (loadhidekey == 1) {
//         setTimeout(function () {
//             //$("#loaderDownId").hide();
//             $("#loadingHome").hide();
//             //$("#loading").hide();
//         }, 10);
//     }
//     else if (loadhidekey == 0) {
//         loadhidekey = 1;
//     }
// }
//END-loading
</script>
<!-- jquery -->
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
<script>

    $(document).ready(function () {
        // $("#m1").hover(
        //     function () {
        //         keyPic()
        //         $("#p1").animate({
        //             height: '700px',
        //             width: '650px'
        //         }, 20);
        //         $("#bg1").attr("style", "background-color: #e2594f;float: left;width: 25%;height: 650px;");

        //     },
        //     function () {
        //         $("#p1").attr("style", "height: 650px;float: left;");
        //         $("#bg1").attr("style", "background-color: #f8c8b2;float: left;width: 25%;height: 650px;");

        //     }
        // )
        //设置默认


        var pNo = "height: 450px;width:450px;float: left;transition: all 0.3s;"
        var bgNo = "background-color: #f8c8b2;float: left;width: 25%;height: 480px;transition: all 0.3s;"
        var p = "height: 480px;width:480px;float: left;	transition: all 0.3s;"
        var bg = "background-color: #e2594f;float: left;width: 25%;height: 480px;transition: all 0.3s;"

        $("#p1").attr("style", pNo);
        $("#bg1").attr("style", bgNo);

        $("#p2").attr("style", p);
        $("#bg2").attr("style", bg);

        $("#p3").attr("style", pNo);
        $("#bg3").attr("style", bgNo);

        $("#p4").attr("style", pNo);
        $("#bg4").attr("style", bgNo);

        $("#m1").mouseover(
            function () {
                $("#p2").attr("style", pNo);
                $("#bg2").attr("style", bgNo);

                $("#p3").attr("style", pNo);
                $("#bg3").attr("style", bgNo);

                $("#p4").attr("style", pNo);
                $("#bg4").attr("style", bgNo);
                //1
                $("#p1").attr("style", p);
                $("#bg1").attr("style", bg);
            },

        ),
            $("#m2").mouseover(
                function () {
                    $("#p1").attr("style", pNo);
                    $("#bg1").attr("style", bgNo);

                    $("#p3").attr("style", pNo);
                    $("#bg3").attr("style", bgNo);

                    $("#p4").attr("style", pNo);
                    $("#bg4").attr("style", bgNo);
                    //2
                    $("#p2").attr("style", p);
                    $("#bg2").attr("style", bg);
                },
            ),
            $("#m3").mouseover(
                function () {
                    $("#p1").attr("style", pNo);
                    $("#bg1").attr("style", bgNo);

                    $("#p2").attr("style", pNo);
                    $("#bg2").attr("style", bgNo);

                    $("#p4").attr("style", pNo);
                    $("#bg4").attr("style", bgNo);
                    //3
                    $("#p3").attr("style", p);
                    $("#bg3").attr("style", bg);
                },
            ),
            $("#m4").mouseover(
                function () {
                    $("#p1").attr("style", pNo);
                    $("#bg1").attr("style", bgNo);

                    $("#p2").attr("style", pNo);
                    $("#bg2").attr("style", bgNo);

                    $("#p3").attr("style", pNo);
                    $("#bg3").attr("style", bgNo);
                    //4
                    $("#p4").attr("style", p);
                    $("#bg4").attr("style", bg);
                },
            )
        $("#m1").click(function () {
            window.location.href = "https://2021.igem.org/Team:SZPT-CHINA/Model";
        });
        $("#m2").click(function () {
            window.location.href = "https://2021.igem.org/Team:SZPT-CHINA/Experiments";
        });
        $("#m3").click(function () {
            window.location.href = "https://2021.igem.org/Team:SZPT-CHINA/Results";
        });
        $("#m4").click(function () {
            window.location.href = "https://2021.igem.org/Team:SZPT-CHINA/Future_Work";
        });
    });
</script>
<script>

    $(document).ready(function () {
        $("#dir1").hover(function () {
            var value = document.getElementById('dir1').getAttribute("style")
            value = value.replace(/ffffff/, "fffea4")
            $("#dir1").attr("style", value);
        }, function () {
            var value = document.getElementById('dir1').getAttribute("style")
            value = value.replace(/fffea4/, "ffffff")
            $("#dir1").attr("style", value);
        });

        $("#dir2").hover(function () {
            var value = document.getElementById('dir2').getAttribute("style")
            value = value.replace(/ffffff/, "fffea4")
            $("#dir2").attr("style", value);
        }, function () {
            var value = document.getElementById('dir2').getAttribute("style")
            value = value.replace(/fffea4/, "ffffff")
            $("#dir2").attr("style", value);
        });


    });
</script>

<body class="pc" id="main">

    <!-- loading -->
    <div id="loadingHome"
        style=" position: fixed; left: 0px;top: -100px; width: 100%;height:115%;z-index: 999999999999;background-color: #f8c8b2;">
        <img id="loadImg"
            style=" position: relative; height: 2%;width: auto;left: 0%;margin:0px auto;top: 300px; text-align: center;display: none;"
            src="https://2021.igem.org/wiki/images/6/6f/T--SZPT-CHINA--iconGIF.png"></img>
    </div>

    <div>

        <div class="mainImg">
            <div>
                <div id="bg1" style="background-color: #f8c8b2;float: left;width: 25%;">
                    <image id="p1" src="https://2021.igem.org/wiki/images/6/60/T--SZPT-CHINA--EXPERIMENTS-model.png"
                        class="smallImg"></image>
                </div>
                <div id="bg2" style="background-color: #f8c8b2;float: left;width: 25%;">

                    <image id="p2"
                        src="https://2021.igem.org/wiki/images/a/ab/T--SZPT-CHINA--EXPERIMENTS-Experiments.png"
                        class="smallImg"></image>

                </div>
                <div id="bg3" style="background-color: #f8c8b2;float: left;width: 25%;">
                    <image id="p3" src="https://2021.igem.org/wiki/images/a/a9/T--SZPT-CHINA--EXPERIMENTS-results.png"
                        class="smallImg"></image>
                </div>
                <div id="bg4" style="background-color: #f8c8b2;float: left;width: 25%;">
                    <image id="p4" src="https://2021.igem.org/wiki/images/5/5c/T--SZPT-CHINA--EXPERIMENTS-work.png"
                        class="smallImg"></image>
                </div>
            </div>
            <div style="z-index: 99;position: absolute;">
                <image src="https://2021.igem.org/wiki/images/8/81/T--SZPT-CHINA--EXPERIMENTS-EXPERIMENTS.png"
                    style="margin-top: -50px;margin-left: 550px;"> </image>
            </div>
            <div style="margin-top: 50px;">
                <div id="m1" style="width: 480px;height: 480px;z-index: 9999;position: absolute;float:left;"></div>
                <div id="m2"
                    style="width: 480px;height: 480px;z-index: 9999;position: absolute;float:left;margin-left: 480px;">
                </div>
                <div id="m3"
                    style="width: 480px;height: 480px;z-index: 9999;position: absolute;float:left;margin-left: 960px;">
                </div>
                <div id="m4"
                    style="width: 480px;height: 480px;z-index: 9999;position: absolute;float:left;margin-left: 1440px;">
                </div>
            </div>
        </div>
        <!-- down -->
        <div style="width: 1920px;background-color: #ffffff;">
            <div id="blue" style="float:left; height: 28600px; width: 55px;background-color: #2588d4;">
            </div>
            <div id="directory" style="float:left;margin-top: 8vh;z-index: 990;position: fixed;">
                <div
                    style="margin-top: 9vh;background-color: #dd544d;margin-left: 6vw;border-radius:10px;padding: 1vw;width: 16vw;">
                    <h3 id="dir0p" style="color:#fffea4;padding-left: 10%;font-size:1.8rem;">
                        Experiments</h3>
                    <div style="margin-left: 13%;">
                        <div id="dir1"
                            style="color:#ffffff; transition: all 0.3s;width: auto;height: 6vh;margin-top: 3vh;">
                            <p id="dir1p" style="font-size: 1.2rem;padding-top: 0vh;">
                                Engineering Experiments
                            </p>
                        </div>


                        <div id="dir2" style="color:#ffffff;width: auto;height: 6vh;">
                            <p id="dir2p" style="font-size: 1.2rem;padding-top: 0vh;">
                                Prototype Experiments</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="content"
                style="float:left;width: 1173px;margin-left: 397px;margin-top: 100px;padding-left:100px;background-color: #ffffff;text-align: justify;">

                <div id="content1" class="yj">● Medium and Antibiotic
                </div>
                <div class="ej">Materials</div>

                <div class="pb">
                    · Antibiotic<br>
                    · Double distilled water (ddH<sub>2</sub>O) <br>
                    · Tryptone<br>
                    · NaCl<br>
                    · Yeast Extract<br>
                    · Glucose<br>
                    · Peptone<br>
                    · H<sub>25</sub>Na<sub>2</sub>O<sub>16</sub>P<br>
                    · C<sub>6</sub>H<sub>10</sub>O<sub>8</sub><br>
                    · Agar<br>
                    · Absolute ethanol

                </div>

                <div class="ej">Procedure</div>

                <div class="sj">1.1. Medium: </div>


                <table border="1" style="font-size: 150%;text-align: center;line-height: 28px;margin-left: 331px;">
                    <tr>
                        <td>Medium</td>
                        <td>Materials</td>
                        <td>Mass/g</td>
                    </tr>
                    <tr>
                        <td rowspan="3" style="display: table-cell;
                        vertical-align: middle;">LB Medium
                            (1000mL)
                        </td>
                        <td>Tryptone</td>
                        <td>10</td>

                    </tr>
                    <tr>
                        <td>NaCl</td>
                        <td>5</td>
                    </tr>

                    <tr>
                        <td>Yeast Extract</td>
                        <td>5</td>
                    </tr>
                    <tr>
                        <td rowspan="4" style="display: table-cell;
                        vertical-align: middle;">LB Agar
                            (1000mL)

                        </td>
                        <td>Tryptone</td>
                        <td>10</td>

                    </tr>
                    <tr>
                        <td>NaCl</td>
                        <td>5</td>
                    </tr>

                    <tr>
                        <td>Yeast Extract</td>
                        <td>5</td>
                    </tr>
                    <tr>
                        <td>Agar</td>
                        <td>15</td>
                    </tr>
                    <tr>
                        <td rowspan="5" style="display: table-cell;
                        vertical-align: middle;">HS Medium
                            (500mL)


                        </td>
                        <td>Glucose</td>
                        <td>20</td>

                    </tr>
                    <tr>
                        <td>Peptone</td>
                        <td>5</td>
                    </tr>

                    <tr>
                        <td>Yeast Extract</td>
                        <td>5</td>
                    </tr>
                    <tr>
                        <td>H<sub>25</sub>Na<sub>2</sub>O<sub>16</sub>P</td>
                        <td>6.8</td>
                    </tr>
                    <tr>
                        <td>C<sub>6</sub>H<sub>10</sub>O<sub>8</sub></td>
                        <td>1.5</td>
                    </tr>


                    <tr>
                        <td rowspan="6" style="display: table-cell;
                        vertical-align: middle;">HS Agar
                            (500mL)



                        </td>
                        <td>Glucose</td>
                        <td>20</td>

                    </tr>
                    <tr>
                        <td>Peptone</td>
                        <td>5</td>
                    </tr>

                    <tr>
                        <td>Yeast Extract</td>
                        <td>5</td>
                    </tr>
                    <tr>
                        <td>H<sub>25</sub>Na<sub>2</sub>O<sub>16</sub>P</td>
                        <td>6.8</td>
                    </tr>
                    <tr>
                        <td>C<sub>6</sub>H<sub>10</sub>O<sub>8</sub></td>
                        <td>1.5</td>
                    </tr>

                    <tr>
                        <td>Agar</td>
                        <td>15</td>
                    </tr>

                </table>


                <div class="sj">1.2. Antibiotic: </div>

                <div class="pb">1.2.1. Keep the antibiotics until room temperature, label the
                    centrifuge
                    tubes, microfiltration membranes and syringes, calculate and record the mass of the antibiotics;
                    <br>* Note: Calculation method: Preparation Volume (mL) * Concentration (mg/mL) = Mass (mg)
                    <br>1.2.2. When antibiotics return to room temperature, start weighing clean and dry centrifuge
                    tubes
                    and samples with an analytical balance;
                    <br>1.2.3. After weighing, use 1mL pipetting gun to suck ultrapure water. Do it faster in front, and
                    slow it down at the last 0.5mL. Stop adding water when the liquid level reaches 10mL;
                    <br>1.2.4. After dissolution, centrifuge at 5000rpm for 30sec and then suck ultrapure water with a
                    100μL
                    pipetting gun. After replenishing the liquid level to 10mL again, pass through the membrane to
                    another
                    dry, clean and labeled centrifuge tube and store it at 4℃.
                    <br>* Note: Chloramphenicol should be dissolved in absolute ethanol.

                </div>


                <div id="content2" class="yj">● Preparation of Competent Cells</div>

                <div class="ej">Materials</div>

                <div class="pb">· Target strain DH5α <br>
                    · BT medium <br>
                    · BT Buffer A <br>
                    · BT Buffer B <br>
                    · Sterilized LB medium and LB Agar plate <br>
                </div>
                <div class="ej">Procedure</div>

                <div class="pb">2.1. Take out the bacteria strain  from the refrigerator, streak LB plate and culture
                    it
                    in a 37℃ incubator.
                    <br> 2.2. Select a monoclonal colony from the plate and inoculate it into the sterilized LB medium,
                    and
                    culture it in a shaker at 37℃, 250rpm for 12h-16h.
                    <br>2.3. Dilute the bacteria in step 2 into BT medium at the ratio of 1:100, shake the bacteria, and
                    detect OD<sub>600</sub> to 0.4-0.7, and the shaking time is about 2-2.5h.
                    <br>* Note: BT medium shall use conical flasks larger than 250mL, and the shaker shall exceed
                    250rpm.
                    <br>2.4. Transfer the bacterial solution to 50mL centrifuge tube and place them on ice for 5-10min.
                    <br>2.5. Centrifuge at 5000rpm for 5min at 4℃, sip up the waste liquid with pipetting gun and
                    collect
                    precipitation.
                    <br>2.6. Each 50mL bacterium sediment is re-suspended gently with 16mL ice-precooled BT Buffer A.
                    <br>2.7. Repeat the step 5.
                    <br>2.8. Each 50mL bacterium sediment is resuspended gently with 4mL ice-precooled BT Buffer B.
                    <br>2.9. Each 100μL is individually packed into a 1.5mL centrifuge tube. After packing, fasten down
                    the
                    cover and put it on the ice. When it is almost enough for a box, quickly put it in the box and store
                    it
                    at -80℃.
                    <br>*Note: All operation must be done on the ice.  
                </div>


                <div id="content3" class="yj">● Preparation of Cellulase:40 mg/mL</div>

                <div class="ej">Materials</div>

                <div class="pb">· Cellulase powder
                    <br>
                    · ddH<sub>2</sub>O
                    <br>
                </div>
                <div class="ej">Procedure</div>

                <div class="pb">3.1. Weigh 1g cellulase powder into a 50mL centrifuge tube and add 20mL ddH<sub>2</sub>O
                    to
                    dissolve
                    it. Ultrasonic can accelerate dissolution. After dissolution, there will be a lot of foam in the
                    centrifuge tube, which will affect our final volume calibration.

                    <br> 3.2. Therefore, centrifuge at 8000rpm for 10min. The centrifugal time depends on the foam
                    volume so
                    that it does not affect volume calibration. You can take out the centrifuge tube to observe every
                    10min.
                    <br>3.3. After there is not much foam, calibrate the volume to 25mL and then pass through the
                    membrane.

                </div>


                <div id="content4" class="yj">● Minimum Inhibition Concentration</div>
                <div class="ej">Materials</div>
                <div class="pb">
                    · HS medium<br>
                    · 0.2% cellulase<br>
                    · Antibiotic<br>
                </div>
                <div class="ej">
                    Procedure
                </div>
                <div class="pb">
                    4.1. <i>Gluconacetobacter hansenii</i> ATCC 53582 stored in glycerol is inoculated in a 50mL
                    centrifuge
                    tube of
                    10mL HS medium and 0.2% cellulase, and cultured at 230 rpm, 30℃ for 24-72h until OD<sub>600</sub> >
                    0.7.
                    <br>
                    4.2. <i>Gluconacetobacter hansenii</i> ATCC 53582 in step 1 is inoculated to 50mL centrifuge tube
                    containing 10mL
                    HS medium and 0.2%(v/v) cellulose, and cultured overnight at 230rpm, 30℃ until OD<sub>600</sub>=
                    0.4-0.7. Then
                    centrifuge at 3200rpm for 14min, discard supernatant solution and resuspend with 1mL HS medium.
                    <br>
                    4.3. The activated <i>Gluconacetobacter hansenii </i>ATCC 53582 is inoculated with a transferring
                    loop
                    and divided
                    into the corresponding antibiotic plate. After culturing at 30℃ for 24-72h, you can observe and
                    record
                    the
                    growth of bacterial plaque.
                     
                </div>


                <div id="content5" class="yj">● Plasmid Construction </div>
                <div class="ej">Materials</div>
                <div class="pb">
                    · Template and primer<br>
                    · ddH<sub>2</sub>O<br>
                    · Buffer, dNTP, enzyme (it is different between PCR and ligation) <br>
                    · GelRed<br>
                    · Binding Buffer and SPW Wash Buffer<br>
                    · Competent cells<br>
                    · LB medium and antibiotic<br>
                    · solution I, solution II, solution III<br>
                    · HBC Buffer and DNA Wash Buffer<br>
                    · glycerol

                </div>
                <div class="ej">
                    Procedure
                </div>
                <div class="pb">
                    5.1. Add 25μL 2 × Phanta Max Buffer, 20μL ddH2O, 1μL dNTP Mix (10 mM each), 1μL Phanta Max
                    Super-Fidelity DNA Polymerase, 1μL templates (need to dilute to 30ng/μL) and corresponding primers,
                    oscillate and send them to the PCR thermal cycler (ProFlex 3x32-Well).
                    <br>5.2. The amplified products were analyzed by 1% agarose gel electrophoresis, compare BP and cut
                    their correct range. Then carry out gel recovery:
                    <br>5.2.1. Add 300μL Binding Buffer, centrifuge at 13000rpm for 1min, discard waste liquid——repeat
                    twice;
                    <br>5.2.2. Add 700μL SPW Wash Buffer, centrifuge at 13000rpm for 1min, discard waste liquid——repeat
                    twice;
                    <br>5.2.3. Centrifuge at 13000rpm for 2min——in order to remove alcohol;
                    <br>5.2.4. Add 30μL ddH<sub>2</sub>O and stand for 2 min, centrifuge at 13000rpm for 1min;
                    <br>5.2.5. Measure the PCR concentration.
                    <br>5.3. Ligation:
                    <br>Add 2μL 5×CE Multis Buffer, 1μL enzyme (Exnase Multis), appropriate volume of fragment, carrier
                    and
                    ddH<sub>2</sub>O. And send them to the PCR thermal cycler. 
                    <br>*Calculation:
                    <br>(1) The volume of fragment and carrier=(20×BP)/Concentration of PCR;
                    <br>(2) The volume of ddH<sub>2</sub>O=10μL-the volume of all solutions expect ddH<sub>2</sub>O.
                    <br>5.4. Transformation:
                    <br>5.4.1. Thaw the competent cells (take ice), add the bacterium liquid ligated and apply ice for
                    30min. Heat it for 90sec at 42℃ in a water bath, then apply ice again for 2min;
                    <br>5.4.2. Add 500μL LB to bacterium liquid, shake it at 37℃ and 220 rpm for 1h in a shaker, then
                    centrifuge at 13000rpm for 1 min;
                    <br>5.4.3. Discard the supernatant solution, resuspend the plasmid with a pipetting gun, take 100μL
                    to
                    the plate (LB and antibiotic), evenly spread with a cell spreader and culture it overnight at 37℃.
                    <br>5.5. The PCR identification:(If PCR identification is not required, pick the bacteria and spot
                    separately on the plate, compare their growth under blue light and dark conditions)
                    <br>5.5.1. Pick bacterial plaque, crack at 95℃ for 10min in a water bath and centrifuge at 13000 rpm
                    for
                    2min;
                    <br>5.5.2. Take 2μL supernatant solution, add 5μL buffer, 2μL ddH<sub>2</sub>O,0.25μL dNTP, 0.25μL
                    enzyme and
                    0.25μL primers, oscillate and send to the PCR thermal cycler.
                    <br>5.5.3. The amplified products were analyzed by 1% agarose gel electrophoresis, compare BP and
                    record
                    the correct bacterial. Then pick and inoculate the bacterial to medium (including antibiotic), shake
                    them at 37℃ and 250rpm for 12-16h in a shaker.
                    <br>5.6. Plasmid extraction:
                    <br>5.6.1. Take 1.5mL bacterial liquid and centrifuge at 13000rpm for 1min, discard waste
                    liquid——repeat
                    three times;
                    <br>5.6.2. Add 250μL solution I and resuspend; Add 250μL solution II and shake gently; Add 250μL
                    solution III and shake quickly, then centrifuge at 13000rpm for 15min;
                    <br>5.6.3. Take the supernatant solution to the absorption tube and centrifuge at 13000rpm for 1min,
                    discard the waste liquid;
                    <br>5.6.4. Add 500μL HBC Buffer and centrifuge at 13000rpm for 1min, discard the waste liquid;
                    <br>5.6.5. Add 700μL DNA Wash Buffer and centrifuge at 13000rpm for 1min, discard the waste
                    liquid——repeat twice;
                    <br>5.6.6. Centrifuge at 13000rpm for 2min;
                    <br>5.6.7. Add 50μL ddH<sub>2</sub>O, stand for 2min and centrifuge at 13000rpm for 1min;
                    <br>5.6.8. Measure the concentration.
                    <br>5.7. Preserve the bacterial liquid to glycerol and send the plasmid to sequence.  

                     
                </div>
                <div id="content6" class="yj">● Electrotransformation </div>
                <div class="ej">Materials</div>
                <div class="pb">
                    · HS medium + 0.2% cellulase<br>
                    · 1mM HEPES buffer<br>
                    · 15% glycerol<br>
                    · HS medium<br>
                    · HS Agar plate  (including antibiotic)


                </div>
                <div class="ej">
                    Procedure
                </div>

                <div class="pb">
                    6.1. Inoculate<i> Gluconacetobacter hansenii</i> ATCC 53582 to 50mL centrifuge tube of 5mL HS medium
                    and
                    0.2%(v/v) cellulase, shake it at 30℃ and 180rpm for 24-72h in a shaker until OD<sub>600</sub>>0.7.
                    <br>6.2. Inoculate to 10mL HS medium and 0.2% cellulase in a 250mL conical flask, shake it at 180rpm
                    and
                    30℃ for overnight until OD<sub>600</sub>=0.4-0.7.
                    <br>6.3. Precool centrifuge to 4℃, prepare ice bucket and ice and put 1mM HEPES buffer and 15%
                    glycerol
                    into the ice.
                    <br>6.4. Take out the reaching OD<sub>600</sub> bacterial to ice for 10min.
                    <br>6.5. Centrifuge at 4100rpm and 4℃ for 12min, discard the supernatant solution.
                    <br>*Note: Pour out the supernatant solution carefully but not the particles. <i>Gluconacetobacter
                        hansenii</i>
                    ATCC 53582 cannot form pellet as easily as <i>Escherichia coli (E.coli)</i>, most likely due to the
                    buffering
                    effect of cellulase. If the pellet is not attached to the tube wall after centrifuging, the pellet
                    is
                    smeared on the wall and centrifuged for a long time. After pouring the supernatant solution, gently
                    sip
                    it up or buckle on the tissue paper.
                    <br>6.6. Resuspend with 10mL HEPES buffer.
                    <br>*Note: Firstly resuspend with 1mL HEPES buffer, then add 9mL HEPES buffer with an electric
                    pipetting
                    gun.

                    <br>6.7. Centrifuge at 4100rpm and 4℃ for 12min, discard the supernatant solution. Repeat steps 6.5.
                    to
                    6.7.
                    <br>6.8. After resuspending with 5mL 15% glycerol, place in a 4℃ centrifuge, 4100rpm, 14min and
                    discard
                    the supernatant solution.
                    <br>6.9. After resuspending particles with 1mL 15% glycerol (glacial), each 100μL is packed into
                    1.5mL
                    centrifuge tubes individually.
                    <br>*Note: After freezing, the efficiency of the active battery may decrease, so immediate use may
                    produce the highest efficiency. 100μL, that is, the volume of plasmid plus <i>Gluconacetobacter
                        hansenii</i>
                    ATCC 53582 is 100μL, and the final resuspension volume depends on the number of samples.
                    <br>6.10. Add 600ng plasmid to competent cells and gently flick, then suck it into (0.1cm)
                    electroporation cup and set 3000V and 5-8ms. After finishing, take immediately the bacterial to
                    500mL HS
                    medium and cellulase, and culture it at 180rpm and 30℃ for 16h.
                    Calculation: the volume of plasmid=600ng/Concentration (no more than 10μL.)
                    <br>6.11. After centrifuging for 1min, resuspend with 100μL medium and spread the HS Agar (including
                    antibiotic), the colony will grow plaque in 24-72h. It needs to do the PCR identification to ensure
                    the
                    correct plasmid. 

                </div>




                <div id="content7" class="yj">● The Inhibition Zone Experiment of SE Protein </div>
                <div class="ej">Materials</div>
                <div class="pb">
                    · LB Agar plate <br>
                    · FAB medium <br>
                    · <i>Pseudomonas aeruginosa</i> (PAO1)<br>
                    · 1mM FeCl3<br>
                    · 1mol glutamate<br>
                    · FAB medium+1% Agar<br>
                </div>
                <div class="ej">
                    Procedure
                </div>

                <div class="pb">
                    7.1. Streak the PAO1 to LB Agar plate.
                    <br> 7.2. Select the monoclonal point and inoculate to FAB medium, FeCl3, glutamate (each 1mL FAB
                    medium+30μL 1mol glutamate+1μL 1mM FeCl3, the same as below) in a 250mL conical flask and shake it
                    until
                    OD<sub>600</sub>=0.5-0.8.
                    <br> *Calculation:
                    <br>(1) OD1×V1=OD2×V2(OD1—data measured, V1—data required, OD2—5, V2—volume required)
                    <br> (2) V2=V requirement +V loss
                    <br> 7.3. Collect the bacterial(V1) from step 2 with 50mL centrifuge tube, centrifuge at 4000rpm for
                    5min and discard the waste liquid.
                    <br> 7.4. Resuspend with FAB medium(V2), glutamate and FeCl3.
                    <br> 7.5. Suck the volume required to other 50mL centrifuge tube, add FAB medium+1% Agar, FeCl3,
                    glutamate (the total volume of each plate is 5mL), mix, pour it in a plate and blow for 45min.
                    <br> *Note: When OD<sub>600</sub>=0.5, the bacterial number is 109, the volume required is 2mL;
                    When OD<sub>600</sub>=5, the bacterial number is 5×109, the volume required is 1mL.
                    <br> 7.6. Drip 3μL supernatant solution to the plate and observe the growth of the inhibition zone.


                </div>



                <div id="content8" class="yj" style="height: 101px;">● Expression and Identification of SE Antibacterial
                    Protein of
                    <i>Gluconacetobacter hansenii </i>ATCC 53582
                </div>
                <div class="ej">Materials</div>
                <div class="pb">
                    · 1×PBS buffer<br>
                    · PMSF<br>
                    · 1 mg/mL lysozyme <br>
                    · HS medium+cellulase+Chl148<br>
                    · 4×Protein Loading Buffer<br>
                    · Coomassie brilliant blue <br>

                </div>
                <div class="ej">
                    Procedure
                </div>

                <div class="pb">
                    8.1. Shake the Gluconacetobacter hansenii ATCC 53582 with different expression levels of correct SE.
                    <br>8.2. Inoculate the bacterial (step 1) to HS medium+cellulase+Chl148(the ratio of 1:50), shake
                    the
                    bacterial until logarithmic phase (0.3-0.7).
                    <br>8.3. Pack individually the bacterial liquid to 50mL centrifuge tube, centrifuge at 4000rpm for
                    5min.
                    <br>8.4. Wash the bacterial with 1×PBS buffer and centrifuge at 4000rpm for 5min, discard the
                    supernatnt
                    solution.
                    <br>8.5. Add 5mL 1×PBS buffer (corresponding 200mL bacterial liquid) and put it in -80℃ refrigerator
                    freeze-thaw once.
                    <br>8.6. Take out the bacterial liquid from refrigerator and add 10μL PMSF, 1 mg/mL lysozyme, then
                    heat
                    it at 37℃ in a water bath.
                    <br>8.7. Ultrasonic wave: Power is 50% (about 400W), working time is 1sec, interval time is 3sec,
                    and
                    total working time is 3min.
                    <br>8.8. Centrifuge(high-speed) at 8000rpm and 4℃ for 20min.
                    <br>8.9. Take the supernatant solution to pass through the membrane, then put the samples to 4℃
                    refrigerator.
                    <br>8.10. Measure the absorbance of protein solution of collection tube at 280nm, estimate roughly
                    the
                    concentration of samples.
                    <br>8.11. Take the high concentration of several tubes of protein samples and control group
                    bacterial
                    suspension, add 4×Protein Loading Buffer, put it at 98℃ for 5-8min and make it fully denatured. Make
                    SDS-PAGE electrophoresis, set 100V for about 2h to make bromophenol blue run to the bottom.
                    <br>8.12. Coomassie brilliant blue dyeing for 30min.
                    <br>8.13. Decolorize for overnight, or heat in the microwave.
                    <br>8.14. Take some photos and judge the concentration and purity of the target protein.

                </div>


                <div id="content9" class="yj" style="height: 101px;">● The Verification Experiment of BC Film Yield on
                    12-Well Cell Culture plates
                </div>
                <div class="ej">Materials</div>
                <div class="pb">
                    · HS medium<br>
                    · Cellulase<br>
                    · Chl148<br>
                    · ddH<sub>2</sub>O<br>
                    · 0.9% NaCl<br>

                </div>
                <div class="ej">
                    Procedure
                </div>

                <div class="pb">9.1. After electrotransformation, spread the bacterial to the plate with a cell
                    spreader.
                    Select a monoclonal point to shake the bacterial with HS medium+Chl148+cellulase.
                    <br>9.2. Shake until the stable phase and detect the OD<sub>600</sub>>0.8.
                    <br>9.3. Dilute the stable phase bacterial liquid at the ratio of 1:75 to shake with a 10mL conical
                    flask, detect the OD<sub>600</sub>=0.2-0.8.
                    <br>9.4. Before experiment, measure the final OD<sub>600</sub> of each bacterium.
                    <br>9.5. Calculate the OD<sub>600</sub> of the final obtained volume of each bacterium is 0.5.
                    <br>9.5.1. V <sub>obtainment</sub>=V <sub>HS medium</sub> + V <sub>corresponding antibiotic</sub>:
                    the
                    number of conditions × the number
                    of samples × 1.6mL (the volume required for each group), you need to calculate the volume of loss.
                    <br>9.5.2. OD <sub>resuspension</sub>=0.5: HS medium + corresponding volume/25(dilution)
                    <br>9.5.3. OD <sub>aim</sub> × V <sub>aim</sub>=OD <sub>measurement</sub> × V <sub>obtainment</sub>
                    <br>9.6. After collecting the bacterial, suck up the supernatant solution with pipetting gun.
                    <br>9.7. Resuspend with 1mL 0.9% NaCl solution.
                    <br>9.8. Centrifuge at 10000rpm for 3min.
                    <br>9.9. Repeat steps 7 and 8.
                    <br>9.10. Resuspend with 1mL 0.9% NaCl solution and unify all the bacterial until
                    OD<sub>600</sub>=0.5.
                    <br>9.11. Dilute the OD<sub>600</sub>=0.5 resuspension at the ratio of 1:25 to original solution (HS
                    medium+
                    corresponding antibiotic) and mix.
                    <br>9.12. Suck accurately 3mL the mixture solution to 12-well cell culture plate and make three
                    parallel
                    samples of each bacterium under the same condition.
                    <br>9.13. Culture stationarily at 30℃ for 16h under the red light and dark conditions.
                    <br>*Note: The bacterial must to sip up to ensure the variables of the volume, culture time,
                    temperature
                    (and so on) unchanged and the red light is a single variable.
                     
                </div>


                <div id="content10" class="yj"> ● The Treatment of BC Film(Drying Method)
                </div>
                <div class="ej">Materials</div>
                <div class="pb">
                    · 100mM NaOH solution<br>
                    · ddH<sub>2</sub>O


                </div>
                <div class="ej">
                    Procedure
                </div>
                <div class="pb">
                    10.1. Put three parallels under the same condition to the same beaker with a tweezer, and label the
                    culture condition to avoid the confusion.
                    <br>10.2. Shake and wash for 5min with ddH<sub>2</sub>O, repeat three times.
                    <br>10.3. Soak in 100mM NaOH solution and boil until the BC film become transparent.
                    <br>10.4. Shake and wash for 5min with ddH<sub>2</sub>O, repeat three times.
                    <br>10.5. Place each membrane to a single beaker and label the culture condition.
                    <br>10.6. Put them into 85℃ oven until constant weight.
                    <br>*Note: Weighting after beaker are cooled to room temperature.
                    <br>10.7. m <sub>constant weight</sub> - m <sub>beaker</sub> =m <sub>membrane</sub>.
                     

                </div>


                <div id="content11" class="yj">● Quantitative Fluorescence Intensity
                </div>
                <div class="ej">Materials</div>
                <div class="pb">
                    · LB medium


                </div>
                <div class="ej">
                    Procedure
                </div>
                <div class="pb">
                    11.1. Shake the bacterial with LB medium for 12-16h.
                    <br>
                    11.2. Dilute the bacterial at the ratio of 1:100 to shake until OD<sub>600</sub>=0.2(about), and
                    dilute
                    them at the
                    bacterial at the ratio of 1:10 to shake until OD<sub>600</sub>=0.2(about).
                    <br> 11.3. Unify all bacterial OD<sub>600</sub> to 2, suck 180μL of each sample to 96-well cell
                    culture
                    plates and
                    do three parallel samples.
                    <br>11.4. Measure three green fluorescence intensity and OD<sub>600</sub>.

                     

                </div>

                <h1 id="bigContent2" style="height: 56px;font-size: 353%;margin-top: 50px;">Prototype Experiments</h1>


                <div id="content11" class="yj">● The Experiment of Freeze-drying Bacterial
                </div>
                <div class="ej">Materials</div>
                <div class="pb">
                    · <i>Gluconacetobacter hansenii </i>ATCC 53582 and the bacterial are modified by synthetic biology
                    <br>
                    · Dry skim milk (WONDERSUN BRAND)<br>
                    · HS medium and HS Agar<br>
                    · PBS buffer<br>
                    .Physio logical saline



                </div>
                <div class="ej">
                    Procedure
                </div>
                <div class="pb">
                    1.1. Oscillate the conical flask containing the bacteria that can produce the BC film on the vortex
                    mixer for 3-4min to shake the bacteria out of the film.
                    <br> 1.2. Suck up 1mL bacterial liquid from the standing conical flask to inoculate to 100mL HS
                    medium,
                    shake it at 180rpm and 30℃ until OD<sub>600</sub>=0.8.
                    <br>1.3. Suck up 3mL from bacterial liquid to 50mL centrifuge tube, centrifuge at 4100rpm for 12min,
                    discard quickly the supernatant solution and collect the bacterial.
                    <br> 1.4. Wash twice with PBS buffer (pH is 7.2-7.4), and centrifuge to collect.
                    <br> 1.5. Add 3mL protective agent (10% dry skim milk) and phosphoric acid buffer, and mix fully
                    with
                    the vortex mixer.
                    <br>1.6. After pre-freezing at -80℃ for 3h, put the bacterial tubes to freezing box and cover with
                    tin-
                    foil, then put them into lyophilizer.
                    <br>*Note: You need to detect engine oil before using the lyophilizer, then use it.
                    <br>1.7. After freezing at -80℃ for 24h, remove the centrifuge tubes from lyophilizer.
                    <br>*Note: You need to wait until the lyophilizer gets down to -40℃ then you can leave.
                    <br>1.8. Pour the plates on the alternate days. Blow for 30min and UV irradiate for 30min.
                    <br>1.9. Before putting the centrifuge tube in the super clean bath, wipe 50mL centrifuge tube wall
                    with
                    70% alcohol and resuspend with 3mL PBS buffer.
                    <br>1.10. The determination of bacterial survival rate:
                    <br>1.10.1. Before processing:
                    <br>1.10.1.1. After shaking fully the liquid samples, suck to 25mL samples with sterile suction pipe
                    and
                    put into the sterile conical flask containing 225mL physio logical saline (place the appropriate
                    amount
                    of sterile glass beads), shake fully to make 1:10 sample solution.
                    <br>1.10.1.2. Suck 1:10 sample solution to sterile test tube containing 9mL physiological saline
                    (add
                    slowly along the tube wall and the tip does not touch the dilution solution), shake the test tube to
                    mix
                    fully to make 1:100 sample solution.
                    <br>1.10.1.3. Take another 1mL micropipette sucker. According to the above-mentioned operation, make
                    10
                    times increment sample solution. Replace 1mL sterile sucker with 1 dilution per increment. Make a
                    total
                    of 8 gradients.
                    <br>1.10.1.4. Select 2-3 consecutive appropriate dilutions, suck 100μL sample solution of each
                    dilution
                    to culture plate to spread (5 plates per dilution) and affix the seal, culture at 30℃ for 48h in the
                    constant temperature incubator.
                    <br>1.10.2. After resuspending:
                    <br>1.10.2.1. Suck up 1mL sample solution with 1mL micropipette and add to sterile test tube
                    containing
                    9mL physiological saline (add slowly along the tube wall and the tip does not touch the dilution
                    solution), shake the test tube to mix fully to make 1:10 sample solution.
                    <br>1.10.2.2. Take another 1mL micropipette sucker. According to the above-mentioned operation, make
                    10
                    times increment sample solution. Replace 1mL sterile sucker with 1 dilution per increment. Make a
                    total
                    of 4 gradients.
                    <br>1.10.2.3. Select 2-3 consecutive appropriate dilutions, suck 100μL sample solution of each
                    dilution
                    to culture plate to spread (5 plates per dilution) and affix the seal, culture at 30℃ for 48h in the
                    constant temperature incubator.
                    <br>1.11. Calculation:
                    <br>1.11.1. Select the colony with a CFU between 30 and 300 without spreading colony growth, and
                    measure
                    the total number of colonies by plate counting method. If it is lower than 30CFU, record the
                    specific
                    number of colonies by plate counting method. If it is larger than 300CFU, it can be recorded as too
                    many
                    to count. The number of colonies per dilution should be averaged on two plate numbers.
                    <br>1.11.2. Report on the number of colonies: When the number of colonies is less than 100CFU,
                    according
                    to a “rounding” principle revision, take the first two digits and replace them with 0. It is also
                    expressed by the exponential form of 10 and then according to the a “rounding” principle revision,
                    two
                    digits valid numbers shall be adopted.
                    <div style="display: flex;">
                        The bacterial survival rate/%= <image
                            src="https://2021.igem.org/wiki/images/0/0a/T--SZPT-CHINA--experiment-gs-1.png"
                            style="margin-top: -14px;"></image>
                    </div>

                     

                </div>




                <div id="content11" class="yj">● The Experiment of Freeze-drying Bacterial
                </div>
                <div class="ej">Materials</div>
                <div class="pb">
                    · <i>Gluconacetobacter hansenii</i> ATCC 53582 and the bacterial are modified by synthetic
                    biology<br>
                    · Tween-80,Tween-20 <br>
                    · EHP<br>
                    · Hydrogenated polyisobutene<br>
                    · Sepigel 305<br>
                    · HS medium<br>
                    · Sterile water<br>


                </div>
                <div class="ej">
                    Procedure
                </div>
                <div class="pb">


                    2.1.Oscillate the conical flask containing the bacteria that can produce the BC film on the vortex
                    mixer
                    for 3-4min to shake the bacteria out of the film.
                    <br>
                    2.2.Suck up 1mL bacterial liquid from the standing conical flask to inoculate to 100mL HS medium,
                    shake
                    at 180rpm and 30℃ until OD<sub>600</sub>=0.5-0.8.
                    <br>
                    2.3.The obtained volume OD<sub>600</sub> is 3, based on the formula: c measure × V measure=c aim × V
                    aim.
                    <br>
                    2.4.Suck 3mL culture liquid to 50mL centrifuge tube, centrifuge at 4100rpm for 12min, discard
                    quickly
                    the supernatant solution and collect the bacterial.
                    <br>
                    2.5.Wash twice with sterile water and centrifuge to collect.
                    <br>
                    2.6.Add the volume of aim medium and corresponding antibiotic, resuspend and mix.
                    <br>
                    2.7.Under the sterile condition, add aqueous phase, surfactant and oil phase. After oscillating and
                    emulsify until becomes homogeneous phase, add thickener and shake fully to make it dissolve.
                    <br>
                    *Note: If there is so much foam,you can centrifuge at 300rpm for 5min.
                    <br>
                    2.8.Under the red light and dark conditions,take 1g emulsion to 35mm culture plate with electronic
                    balance.
                </div>


                <div class="ej">
                    References
                </div>

                <div class="pb">[1] Yang Jiaping, Li Zhixi, Jiang Xiaozhi, etc. Study on freeze-drying conditions of
                    acetic
                    acid bacteria strains [ J ]. Chinese brewing, 2008, 20: 49-52.
                    <br>
                    [2] Wang Na, Guo Shilei, Zhang Yongxiang, etc. Selection of cryoprotectants for acetic acid bacteria
                    [ J
                    ].Food and fermentation industry, 2015, 41 ( 003 ): 135-139.
                </div>

            </div>
            <div id="red"
                style="float: left;margin-left: 140px; height: 28600px;width: 55px;background-color: #d44225;">
            </div>
        </div>
        <image src="https://2021.igem.org/wiki/images/8/8d/T--SZPT-CHINA--bottomPic.png" class="pic"
        style="margin-top: -372px;width: 1920px;"></image>
    </div>
</body>


<script>
    var bodyStyle = document.createElement('style')
    var docWidth, docHeight;
    var designWidth, designHeight;

    // 屏幕缩放实现
    function refreshScale() {
        bodyStyle.innerHTML = `body{width:${designWidth}px; height:${designHeight}px!important;}`
        document.documentElement.firstElementChild.appendChild(bodyStyle)
        document.getElementById('main').style = 'display:flex'
        //document.getElementsByClassName('mobile')[0].style = 'display:none'

        var widthRatio = docWidth / designWidth,
            heightRatio = docHeight / designHeight;
        var topRatio = 26 * heightRatio;
        //heightRatio=0.782222;
        //解决因transform导致margin-top
        console.log(heightRatio)
        document.getElementById('content').style = `transform:scale(${widthRatio},${heightRatio});transform-origin:left top;margin-top: -${topRatio}px;`;
        // 应对浏览器全屏切换前后窗口因短暂滚动条问题出现未占满情况
        setTimeout(function () {
            var lateWidth = document.documentElement.clientWidth,
                lateHeight = document.documentElement.clientHeight;
            if (lateWidth === docWidth) return;

            widthRatio = lateWidth / designWidth
            heightRatio = lateHeight / designHeight

            document.getElementById('content').style = "transform:scale(" + widthRatio + "," + heightRatio + ");transform-origin:left top;margin-top: -${topRatio}px;"
        }, 0)
    }

    // 清除scale
    function clearScale() {
        // 清除pc样式
        bodyStyle.innerHTML = ``
        document.documentElement.firstElementChild.appendChild(bodyStyle)
        document.body.style = "transform:none;transform-origin:none"
    }

    // 初始化
    function init() {
        // 获取当前屏幕可视区域大小
        docWidth = document.documentElement.clientWidth;
        docHeight = document.documentElement.clientHeight;
        // 判断是否是移动设备
        if (/Android|webOS|iPhone|iPad|iPod|BlackBerry|Windows Phone/i.test(navigator.userAgent)) {

            // mobilePage();
            let mainClass = document.getElementById('main').classList;
            designWidth = 1920;
            designHeight = 3100;
            mainClass.add('pc');
            mainClass.remove('large');
    
            var value = document.getElementById('blue').getAttribute("style")
            value = value.replace(/28600/, "38600")
            $("#blue").attr("style", value);

            var value = document.getElementById('red').getAttribute("style")
            value = value.replace(/28600/, "38600")
            $("#red").attr("style", value);
                    //手机适配目录
            var value = document.getElementById('dir1').getAttribute("style")
            value = value.replace(/6vh/, "2vh")
            $("#dir1").attr("style", value);
            //margin
            var value = document.getElementById('dir1').getAttribute("style")
            value = value.replace(/3vh/, "1vh")
            $("#dir1").attr("style", value);

            var value = document.getElementById('dir2').getAttribute("style")
            value = value.replace(/6vh/, "2vh")
            $("#dir2").attr("style", value);

         
            var value = document.getElementById('dir0p').getAttribute("style")
            value = value.replace(/1.8rem/, "1.3rem")
            $("#dir0p").attr("style", value);

            var value = document.getElementById('dir1p').getAttribute("style")
            value = value.replace(/1.2rem/, "0.9rem")
            $("#dir1p").attr("style", value);

            var value = document.getElementById('dir2p').getAttribute("style")
            value = value.replace(/1.2rem/, "0.9rem")
            $("#dir2p").attr("style", value);



            refreshScale()
        } else {
            //pc
            let mainClass = document.getElementById('main').classList;
            designWidth = 1920;
            designHeight = 980;
            mainClass.add('pc');
            mainClass.remove('large');
            refreshScale()

        }
    }

    // 大屏设置 rem 函数
    function setRem(designSize) {
        // 基准大小
        baseSize = 100;
        let basePc = baseSize / designSize; // 表示1680的设计图,使用100PX的默认值
        let vW = window.innerWidth; // 当前窗口的宽度

        let rem = vW * basePc; // 以默认比例值乘以当前窗口宽度,得到该宽度下的相应font-size值
        document.documentElement.style.fontSize = rem + "px";
    }



    // 移动端页面
    function mobilePage() {
        clearScale()
        // 是移动设备 展示移动设备页
        //document.getElementById('main').style = 'display:none'
        //document.getElementsByClassName('mobile')[0].style = 'display:flex'
        // mobile 设置 rem 函数
        let designSize = 750;
        setRem(designSize);


    }

    // 初始化
    //init();

    // 监听前进/后退以及load事件触发
    window.addEventListener("pageshow", function (e) {
        if (e.persisted) { // 浏览器后退的时候重新计算
            init()
        }
    }, false);

    // 监听屏幕缩放
    window.addEventListener("resize", function () {
        init()
    }, false);
</script>
<!-- END-适配 -->





</html>